// id的获取
// function getUrlParms(name) {
//     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
//     var r = window.location.search.substr(1).match(reg); if (r != null)
// return unescape(r[2]); return null;
// }
// var productId = getUrlParms("productId");
// // // console.log(id, 7777);
// console.log(productId);



// function getQueryString(name) {
//     var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
//     var r = window.location.search.substr(1).match(reg);
//     if (r != null) {
//         return unescape(r[2]);
//     }
//     return null;
// }
// 这样调用：
// var id = getQueryString("addressid");
// console.log(id, 2);


window.onload = function () {
    //获取浏览器的query参数
    function getUrlParams() {
        let href = location.href;
        let regExp = /.+\?(.+)/
        let param = regExp.exec(href)[1]
        // console.log(param);
        // console.log(decodeURI(param));解码URI的参数编码

        let paramArr = param.split("&");
        // console.log(paramArr);
        let query = {}
        paramArr.forEach(item => {
            itemArr = item.split("=");
            // console.log(itemArr);
            query[itemArr[0]] = decodeURI(itemArr[1])
        })

        return query
    }
    let query = getUrlParams() //获取浏览器query参数
    console.log(query);


    // ajax请求
   
    ajax({
        url: "http://chst.vip:1234/api/getdiscountproduct",
        data: query
    })
        .then(res => {
            let html = "";
            let main = document.querySelector('main');
            console.log(res.result);
            res.result.forEach(item => {
                html += `
         <section id="product">
            <ul>
                <li>
                    <div id="title">
                        <i>${item.productName}</i><span>${item.productPinkage}</span>
                    </div>
                    <div id="mall">
                        <i>${item.productFrom} &nbsp;&nbsp;| &nbsp;${item.productTime} </i>&nbsp;<span>${item.productTips} </span>
                    </div>                 
                    <div id="bigimg">
                    <li>
                     <p>  ${item.productInfo}</p>
                     <p>${item.productImg}</p>
                     </li>                 
                     </div>
                </li>
            </ul>
           <section class="buy">
        <a href="#">前往购买</a>
    </section>
    <section class="erweima">
        <img src="../images/mmbweixin2.png" alt="">
    </section> ${item.productComment}
        </section>
           `
            });
            main.innerHTML=html
        })
}




// 点击获取商品详情 main

// ajax({
//     url: "http://chst.vip:1234/api/getdiscountproduct",
//     data: { id },
//     success(res) {
//         console.log(res);
//         resArr = res.result;
//         // console.log(resArr);
//         let currentArr = resArr.splice(0, 7);
//         // console.log(currentArr);
//         let html = render(currentArr)
//         main.innerHTML = html;
//     },
//     error(err, xhr) {
//         console.log(err);
//     }
// })

// function render(currentArr) {
//     let html = '';
//     currentArr.forEach(item => {
//         html = `
//          <section id="product">
//             <ul>
//                 <li>
//                     <div id="title">
//                         <i>${item.productName}</i><span>${item.productPrice}</span>
//                     </div>
//                     <div id="mall">
//                         <i>${item.productFrom} &nbsp;&nbsp;| &nbsp;${item.productTime} </i>&nbsp;<span>${item.productTips} </span>
//                     </div>
                    
//                     <div id="bigimg">${item.productInfo}${item.productImg} </div>
//                 </li>
//             </ul>
//         </section>
//         `
//     });
//     return html
// }



